<template>
  <!-- 本周热搜 -->
  <div class="top-bar">
    <div class="recommendations-header">
      <h3><slot name="title">Title</slot></h3>
      <slot name="right">
      </slot>
    </div>

    <slot name="content"></slot>
  </div>
</template>
<script>
export default {
  name: "MyDialog",
  // props: ["data"],
  data() {
    return {};
  },
};
</script>

<style scoped>
@import "../assets/iconfont/iconfont.css";
.recommendation-panel {
  background-color: #f8f8f8;
  padding: 20px;
  border-radius: 8px;
  width: 300px;
  font-family: Arial, sans-serif;
}

/* 本周热搜样式 */
.hot-search {
  background-color: #e0f3ff;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.recommendations-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.recommendations-header h3 {
  color: #007bff;
  font-size: 16px;
}

.refresh-icon {
  width: 16px;
  height: 16px;
}
</style>
